<template>
  <ToolbarButton
    icon="i-ri-indent-decrease"
    title="减少缩进"
    @click="editor?.chain().focus().outdent().run()"
  />
</template>

<script setup lang="ts">
import { inject, type Ref } from 'vue'
import type { Editor } from '@tiptap/vue-3'
import ToolbarButton from "../../../button/index.vue";

defineOptions({
  name: 'IndentDecrease'
})

const editor = inject<Ref<Editor>>('editor')
</script>
